.home {
    width: 100%;
    font-size: 16px;
    font-family: "宋体",serif;
    position: absolute;
    background: #000000 url(../../../assets/user/qusf/bg.jpg) no-repeat center 0;
}

/**
 *  头部内容
 */
.home-head {
    width: 1000px;
    margin: 0 auto;
    height: 120px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: url(../../../assets/user/qusf/header.jpg) no-repeat;
    .logo {
        width: 270px;
        height: 110px;
        position: absolute;
        left: 50px;
        top: 5px;
        a {
            width: 270px;
            height: 110px;
            display: block;
            position: inherit;
        }
    }
    a {
        width: 80px;
        height: 24px;
        color: #7D002A;
        position: absolute;
        line-height: 24px;
        text-align: center;
        text-decoration: none;
        &.login {
            right: 117px;
            top: 78px;
        }
        &.register {
            right: 28px;
            top: 78px;
        }
    }
}

/**
 *  横幅内容
 */
.home-banner {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}

/**
 *  公告内容
 */
.home-notice {
    width: 1000px;
    height: 26px;
    margin: 0 auto;
    text-align: center;
    background: #FEA69C;
    line-height: 26px;
    color: #7a4500;
    overflow: hidden;
}

/**
 *  中间内容
 */
.home-content {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    a {
        color: black;
        &:hover {
            color: red;
        }
    }
    table {
        table-layout: fixed;    //隐藏超出内容
        margin-bottom: 0;
        background-color: #ffffff;
        thead {
            th {
                vertical-align: bottom;
                border-bottom: none;
            }
        }
        tbody {
            & + tbody {
                border-top: 2px solid #990033;
            }
        }
    }
    .table-bordered {
        th {
            background-color: #990033;
            border: 1px solid #990033;
            color: #fcffc1;
        }
        td {
            overflow: hidden;           //隐藏超出内容
            text-overflow: ellipsis;    //隐藏超出内容
            white-space: nowrap;        //隐藏超出内容
            border: 1px solid #990033;
        }
    }
    .table-hover {
        tr {
            &:hover {
                & > td {
                    background-color: #ffffff;
                }
            }
        }
    }
    .bg-color-One {
        background-color: #ffff98;
    }
    .bg-color-two {
        background-color: #ffff00;
    }
    .bg-color-three {
        background-color: #ffffcc;
    }
}

/**
 *  底部内容
 */
.home-footer {
    background: url(../../../assets/user/qusf/footer.jpg) no-repeat center 0;
    width: 1000px;
    height: 100px;
    margin: auto;
    line-height: 100px;
    color: #fcffc1;
    font-size: 12px;
    text-align: center;
    a {
        color: #fcffc1;
    }
}
